		.gallery {
			width: 640px;
			position: relative;
			margin: 60px auto 0

		}
		.image-slide {
			width: 400px;
			height: 235px;
			position: absolute;
			overflow:hidden;
		}
		.image-list {
			top: 0;
			right: 0;
			margin: 0;
			padding: 0;
			width: 240px;
			list-style: none;
			position: absolute


		}
		.image-list li {
			float: left;
			position: relative;
			margin: 0 0 10px 10px
		}
		.image-list img {
			display: block
		}

		/* Step 2 */
		.image-slide {
			opacity: 0
		}
		.image-slide:first-child {
			opacity: 1
		}
		.image-slide:after {
			content: "";
			left: 0;
			width: 415px;
			height: 245px;
			position: absolute;
			background: url(images/image-overlay-big.png) -7px -7px no-repeat
		}
		.image-list li a:before, .image-list li a:after {
			content: "";
			top: 0;
			left: 0;
			width: 76px;
			height: 76px;
			position: absolute
		}
		.image-list li a:before {
			background: url(images/image-overlay.png) -7px -7px no-repeat
		}

		/* Step 3 */
		.image-slide:target {
			opacity: 1
		}
		.image-slide {
			-webkit-transition: all 0.5s ease;
	           -moz-transition: all 0.5s ease;
	            -ms-transition: all 0.5s ease;
	             -o-transition: all 0.5s ease;
					transition: all 0.5s ease
		}
		
li img{
height:70px;
width:70px;
}
.image-slider img{
width:400px;
height:235px;
}